<h:panelGroup xmlns:h='http://java.sun.com/jsf/html'
              xmlns:f='http://java.sun.com/jsf/core'
              xmlns:p='http://primefaces.org/ui'
              xmlns:z='http://savanti.com.bo/ui'
              xmlns:x='http://java.sun.com/jsf/composite/ui/component' styleClass='IIKardexPersona' id='IIKardexPersona'><p:growl/>

<p:toolbar styleClass='toolBar'><p:toolbarGroup style='width:100%'>

<p:commandButton icon='ui-icon-new'  title='Nuevo'  actionListener='#{IIKardexPersona.uiClean}' update='@(.IIKardexPersona)' style='border:none; float:left;  width:70px'/>

<p:commandButton icon='ui-icon-find' title='Buscar' actionListener='#{IIKardexPersona.uiFind}'  update='@(.IIKardexPersona)' style='border:none; float:right; width:70px'/>

</p:toolbarGroup></p:toolbar>


<h:panelGrid columns='1' width='100%' rendered='#{IIInventario.form}'>

<h:panelGrid id='bean' columns='2' styleClass='bean align-top'>

  <x:beanPanel id='ps' bean='#{IIKardexPersona}' title='Buscar' cellpadding='5' columns='2' style='min-width: 300px'>

  <x:fieldL b='#{IIKardexPersona}' t='Almacen'  v='#{IIKardexPersona.almacenId}'/>

  <x:fieldD b='#{IIKardexPersona}' t='Desde'    v='#{IIKardexPersona.dateIni}' w='70px'/>

  <x:fieldS b='#{IIKardexPersona}' t='Persona'  v='#{IIKardexPersona.persona}' x='#{x}' xL='#{x.nombre}'/>

  <x:fieldD b='#{IIKardexPersona}' t='Hasta'    v='#{IIKardexPersona.dateEnd}' w='70px'/>

  </x:beanPanel>

</h:panelGrid>

</h:panelGrid>


<p:tabView id='view' style='padding: 0; border: none' styleClass='rmvCorner'>

<p:tab title='Resumen' titleStyleClass='rmvCorner note'>

  <p:dataTable value='#{IIKardexPersona.lsResumen}' var='x' rendered='#{not empty IIKardexPersona.lsResumen}' resizableColumns='true'>

  <p:column width='60' headerText='Codigo'><h:outputText value='#{x[0]}' /></p:column>

  <p:column            headerText='Nombre' ><h:outputText value='#{x[1]}'/></p:column>

  <p:column width='60' headerText='Ingreso'><z:outputN v='#{x[2]}'  r='0'/></p:column>

  <p:column width='60' headerText='Egreso'><z:outputN v='#{x[3]}'   r='0'/></p:column>

  </p:dataTable>

</p:tab>

<p:tab title='Detalle' titleStyleClass='rmvCorner note'>

  <p:dataTable value='#{IIKardexPersona.lsEntity}' var='x' rendered='#{not empty IIKardexPersona.lsEntity}' resizableColumns='true'>

  <p:column width='60' headerText='Movimiento' filterStyleClass='columnFind' filterBy='#{x.movimiento.id}'   sortBy='#{x.movimiento.id}'><z:outputN v='#{x.movimiento.id}' r='0'/></p:column>

  <p:column width='60' headerText='Motivo'     filterStyleClass='columnFind' filterBy='#{x.movimiento.documento}' sortBy='#{x.movimiento.documento}'> <h:outputText value='#{x.movimiento.motivo.nombre} #{x.movimiento.documento}'/></p:column>

  <p:column width='60' headerText='Fecha'      filterStyleClass='columnFind' filterBy='#{x.fecha}'           sortBy='#{x.fecha}'><h:outputText value='#{x.fecha}' style='white-space:normal'><f:convertDateTime pattern='dd-MM-yyyy'/></h:outputText></p:column>

  <p:column width='60' headerText='Codigo'     filterStyleClass='columnFind' filterBy='#{x.material.codigo}' sortBy='#{x.material.codigo}'><h:outputText value='#{x.material.codigo}'/></p:column>

  <p:column            headerText='Nombre'     filterStyleClass='columnFind' filterBy='#{x.material.nombre}' sortBy='#{x.material.nombre}'><h:outputText value='#{x.material.nombre}'/></p:column>

  <p:column width='60' headerText='Ingreso' sortBy='#{x.entradaCantidad}'><z:outputN v='#{x.entradaCantidad}' r='0'/></p:column>

  <p:column width='60' headerText='Egreso'  sortBy='#{x.salidaCantidad}' ><z:outputN v='#{x.salidaCantidad}'  r='0'/></p:column>

  </p:dataTable>

</p:tab>

</p:tabView>

</h:panelGroup>   